{include file="common:meta" /}
<title>资金明细 - 明细列表 - TXCMS_V2</title>
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
{include file="common:header" /}
{include file="common:menu" title="$title" keywords=""/}

<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> <a href="{:url('index/index')}">首页</a> <span class="c-gray en">&gt;</span> 资金 <span class="c-gray en">&gt;</span> 资金明细<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="mt-20">
                <form class="form-inline" role="form" method="get" action="{:url('detail/index')}">
                    <div class="form-group">
                        <span style="color: red;">明细查询</span> 用户:<input style="width: 120px;" type="text" class="input-text" name="nickname" placeholder="请输入账号" value="{$nickname ? $nickname : '';}">
                        游戏:<input style="width: 120px;" type="text" class="input-text" name="game" placeholder="请输入游戏名" value="{$game ? $game : '';}">
                        操作方式:<input style="width: 120px;" type="text" class="input-text" name="action" placeholder="请输入操作方式" value="{$action ? $action : '';}">
                        开始时间：<input type="text" class="input-text radius size-S" style="width: 100px" autocomplete="off" name="start" value="{$start ? $start : '';}" id="test1">-<input type="text" class="input-text radius size-S" style="width: 100px" autocomplete="off" name="end" value="{$end ? $end : '';}" id="test2">
                    </div>
                    <button type="submit" class="btn btn-default">明细查询</button>
                </form>
                <div class="table-responsive">
                <table class="table table-border table-bordered table-hover table-bg table-sort" id="mytable">
                    <thead>
                    <tr class="text-c">
                        <th width="50">ID</th>
                        <th width="60">用户</th>
                        <th width="60">游戏</th>
                        <th width="90">操作方式</th>
                        <th width="50">变动金额</th>
                        <th width="50">操作前余额</th>
                        <th width="50">操作后余额</th>
                        <th width="130">备注说明</th>
                        <th width="130">创建时间</th>
                        <th width="130">创建IP</th>
                        <th width="130">对局详情</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="data" id="vo"}
                    <tr class="text-c">
                        <td>{$vo.id}</td>
                        <td>{$vo.user_nick_name}</td>
                        <td>{$vo.game_name}</td>
                        <td>{$vo.action_name}</td>
                        <td>{$vo.coin}</td>
                        <td>{$vo.before_coin}</td>
                        <td>{$vo.after_coin}</td>
                        <td>{$vo.info}</td>
                        <td>{$vo.create_time}</td>
                        <td>{$vo.create_ip}</td>
                        <!--<td><a title="查看" href="javascript:;" onclick="detail_xq('对局详情','/admin.php/admin/detail/runningWater?id={$vo.room_id}')" class="ml-5 btn btn-success-outline radius size-MINI" style="text-decoration:none">对局详情</a></td>-->
                        <td><a title="查看" href="javascript:;" onclick="detail_xq('对局详情','/admin.php/admin/detail/getGameDetails')" class="ml-5 btn btn-success-outline radius size-MINI" style="text-decoration:none">对局详情</a>
                        </td>
                    </tr>
                    {/volist}
                    <tr class="text-c" id="totalRow">
                    </tr>
                    </tbody>
                </table>
                </div>
                {$quick ?? ''}
            </div>
        </article>
        <div style="float: right;">{$page}</div>
    </div>
</section>

{include file="common:footer" /}

<!--请在下方写此页面业务相关的脚本-->
{load href="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"}
{load href="__STATIC__/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"}
{load href="__STATIC__/admin/lib/laypage/1.2/laypage.js"}
<script type="text/javascript">
    function detail_xq(title,url,id,w,h){
        layer_show(title,url,id,w,h)
    }
    laydate.render({
        elem: '#test1' //指定元素
        ,calendar: true
        ,theme: '#333'
        ,showBottom: true
    });
    laydate.render({
        elem: '#test2' //指定元素
        ,calendar: true
        ,theme: '#333'
        ,showBottom: true
    });

    $(document).ready(function() {

        var totalRow = 0;
        $('#mytable tr').each(function() {
            $(this).find('td:eq(4)').each(function(){
                totalRow += parseFloat($(this).text());
            });
        });

        $('#totalRow').append('<td colspan="3">当前页合计</td><td colspan="1" style="text-align: center"><span style="color: #761c19">当前页总变动金额：</span></td><td>'+totalRow+'</td><td></td><td></td><td></td><td></td>');
    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>